<%--
    Document   : MedVerificacion
    Created on : 14/04/2010, 05:06:19 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>

<script src="scripts/ajax.js" language="JavaScript"></script>


<html>
    <script LANGUAGE="JavaScript">


       function contar(texto,e){

            document.getElementById("contador").value=document.getElementById("umActPer").value.length;

            if (texto.length >= 100 ) {
                if (navigator.appName == "Netscape") tecla = e.which
                else tecla = e.keyCode
                if (tecla != 8) return false
            }
            return true

        }
        function editar(cod,idMetaAPer,um,cant,tipo){

            tipo=tipo.replace(/^\s*|\s*$/g,"");
            //var form = document.getElementById("PEIForm");
            document.getElementById("opcion").value=2;
            document.getElementById("cod").value=cod;
            document.getElementById("umActPer").value=um;
            document.getElementById("cantActPer").value=cant;
            document.getElementById("idMetaAPer").value=idMetaAPer;




        if(tipo=="N"){
                document.getElementById("tipoActPer").value=2;
            }else{
                document.getElementById("tipoActPer").value=1;
            }
            document.getElementById("contador").value=um.length;


        }

        function confirmAction(){
            if (confirm("Se borrara Meta por Actividad seleccionada  \n ¿Esta seguro de continuar? "))
                return true;
            else return false;
        }

        function eliminar(codigo){
           if (confirmAction()==false) return;
            var um="m";
            var codActPer=document.getElementById("codActPer").value;
            var cant=0;
            var tipoUm="";
            var idMetaAPer = "0";
            var idDiv = "divTabla";
            var metodo = "GET";
            var tipo = 3;
            var url = "consultasAjax/listarMAPermanenteAjax.jsp?um="+um+"&codigo="+codigo+"&tipo="+tipo+"&codActPer="+codActPer+"&cant="+cant+"&tipoUm="+tipoUm+"&idMetaAPer="+idMetaAPer;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        }
        function confirmActionGuardar(){
              if (confirm("Se Guardara los cambios hechos en la pantalla  \n ¿Esta seguro de continuar? "))
                return true;
            else
                return false;
        }


        function insertar(){

           if (confirmActionGuardar()==false) return;
            var tipo=document.getElementById("opcion").value;
            var codigo =document.getElementById("cod").value;
            var codActPer = document.getElementById("codActPer").value;
            //var codActPerm = document.getElementById("codActPerm").value;
            var um = document.getElementById("umActPer").value;
            var cant = document.getElementById("cantActPer").value;
            var tipoUm = document.getElementById("tipoActPer").value;
            var idMetaAPer = document.getElementById("idMetaAPer").value;


            if(codigo==0){
                var codigo =0;
            }
            if(tipoUm==1){
                tipoUm="%25"

            }
            if(tipoUm==2){
                tipoUm="N"
            }

            var idDiv = "divTabla";
            var metodo = "GET";
            var url = "consultasAjax/listarMAPermanenteAjax.jsp?um="+um+"&codigo="+codigo+"&tipo="+tipo+"&codActPer="+codActPer+"&cant="+cant+"&tipoUm="+tipoUm+"&idMetaAPer="+idMetaAPer;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            document.getElementById("opcion").value=1;
            document.getElementById("umActPer").value="";
            document.getElementById("cantActPer").value="0";
            document.getElementById("tipoActPer").value=-1;
            document.getElementById("contador").value="0";



        }

        function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest(); // No Internet Explorer
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            // alert("metodo-->>"+metodo+" url-->>"+url+" cadena-->>"+cadena+" async-->"+async+" idDiv-->>"+idDiv)
            ajax.onreadystatechange = funcionCallbackVerDiv;
            //alert("cadena del mal"+cadena);
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

        function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                { //alert(ajax.responseText);
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }
function validar(){

       if (document.getElementById("tipoActPer").value==-1){
            alert("Seleccione opcion en combo tipo Actividad Permanente");
            document.getElementById("tipoActPer").focus();
            return;
        }
         if (document.getElementById("umActPer").value==""){
                alert("Ingrese la Unidad de Medida");
                document.getElementById("umActPer").focus();
                return;
            }
             if (document.getElementById("cantActPer").value==""){
                alert("Ingrese la cantidad");
                document.getElementById("cantActPer").focus();
                return;
            }
            if (document.getElementById("idMetaAPer").value==""){
                alert("Ingrese el numero de meta");
                document.getElementById("idMetaAPer").focus();
                return;
            }
            insertar();
}

        function eventoSoloNumeros(){


            var key = event.keyCode;

            if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
                event.returnValue = true;
            else
                event.returnValue = false;

        }

           function regresar(){

            var form = document.getElementById("PEIForm");
           var codObjEsp=document.getElementById("codObjEsp").value;

             var descObj=document.getElementById("descObj").value;

        var codOGE=document.getElementById("codOGE").value;
            var idObj=document.getElementById("idObj").value;
            var idObje=document.getElementById("idObje").value;
           var descObjEsp=document.getElementById("descObjEsp").value;
                 //var descObj=document.getElementById("descObj").value;
           form.action="PEI.do?dispatch=listarAPermanente&cod="+codObjEsp+"&codOGE="+codOGE+"&codOEst="+descObj+"&desc="+descObjEsp+"&idObj="+idObj+"&idObje="+idObje;

            form.method="post";

            form.submit();

        }

        function posicioninicial(){
            document.getElementById("umActPer").focus();
        }


    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        <title>Meta de Actividad Estrat&eacute;gica</title>
    </head>
    <body>
        <center>
                <h1 class="substylo">Meta de Actividad Estrat&eacute;gica</h1>
            </center>
        <div  style="overflow: auto; width: 710px; height: 400px">
                        <html:form action="PEI.do?dispatch=ingresarAPermanente" styleId="PEIForm">
                            <html:hidden property="opcion" styleId="opcion" value="1"/>
                            <html:hidden property="codObj" styleId="codOGE" />
                            <html:hidden property="codActPer"  styleId="codActPer"/>
                            <html:hidden property="codObjEsp"  styleId="codObjEsp"/>
                            <html:hidden property="descObj"  styleId="descObj"/>
                            <html:hidden property="descObjEsp"  styleId="descObjEsp"/>
                            <input type="hidden"  name="cod"  id="cod"/>
                            <table>
                                <tr>
                                    <td align="left" class="tdLeft">
                                        N&uacute;mero Objetivo
                                        General Estrat&eacute;gico :
                                    </td>
                                    <td align="left">
                                        <html:text  styleId="idObj" property="idObj" maxlength="5" styleClass="text" disabled="true"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">
                                        Objetivo Estrat&eacute;gico :
                                    </td>
                                    <td style="width: 400px">
                                        <html:textarea property="descObj" readonly="true" styleId="descObj" disabled="true" rows="5" cols="50" styleClass="textarea"/>
                                    </td>
                                </tr>
                                <tr><td align="left" class="tdLeft">
                                        N&uacute;mero Objetivo Espec&iacute;fico :
                                    </td>
                                    <td align="left">
                                        <html:text  styleId="idObje" property="idObje" maxlength="5" styleClass="text" disabled="true"/>

                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">
                                        Objetivo Espec&iacute;fico :
                                    </td>
                                    <td style="width: 400px">
                                        <html:textarea property="descObjEsp" readonly="true" styleId="descObjEsp" disabled="true" rows="5" cols="50" styleClass="textarea"/><br>
                                    <td>
                                <tr>
                                <tr>
                                    <td align="left" class="tdLeft">
                                        N&uacute;mero Actividad :
                                    </td>
                                    <td align="left">
                                        <html:text  styleId="idActPer" property="idActPer" maxlength="5" styleClass="text" disabled="true"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">
                                        Actividad :
                                    </td>
                                    <td style="width: 400px">
                                        <html:textarea property="descActPer" readonly="true" styleId="descActPer" disabled="true" rows="5" cols="50" styleClass="textarea"/><br><br>

                                    </td>
                                <tr>
                                    <td style="width: 150px">
                                        Responsable :
                                    </td>
                                    <td style="width: 400px">
                                        <html:textarea property="descRespon" readonly="true" styleId="responActPer" disabled="true" rows="5" cols="50" styleClass="textarea"/><br><br>
                                    <td>

                                </tr>
                                <tr>
                                    <td align="left" class="tdLeft">
                                        N&uacute;mero Meta:
                                    </td>
                                    <td align="left">
                                        <html:text  styleId="idMetaAPer" property="idMetaAPer" maxlength="5" styleClass="text"/>
                                    </td>
                                </tr>
                                      <tr>
                                                    <td style="width: 150px">
                                                        Ingresar Descripci&oacute;n de Meta:
                                                    </td>
                                                    <td style="width: 400px">
                                                        <html:textarea property="umActPer" styleId="umActPer" rows="5" cols="50"
                                                         onkeydown="return contar(this.value,event)" onkeyup="return contar(this.value,event)" />
                                                        <input type="text" size="2" id="contador"  /><label style="color: #990033" >M&aacute;ximo 100 caracteres</label>
                                                    </td>
                                                </tr>

                                    <td colspan="2">

                                            <table>

                                                <tr>
                                            <td style="width: 150px">
                                                       Ingresar Cantidad :
                                                    </td>
                                            <td  style="width: 400px">
                                                <html:text property="cantActPer" styleId="cantActPer" onkeypress="eventoSoloNumeros()" styleClass="text" />
                                                    </td>
                                                    <td style="width: 150px"> UM :</td>
                                                    <td style="width: 400px">
                                                        <html:select styleId="tipoActPer" property="tipoActPer"  >
                                                            <html:option value="-1">[--Seleccionar--]</html:option>
                                                            <html:option value="1">%</html:option>
                                                            <html:option value="2">N°</html:option>
                                                        </html:select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4" align="center">
                                                <input type="button" value="Grabar" onclick="validar()" class="submit2"/>
                                                    </td>
                                                </tr>

                                            </table>


                            </table>
                            <br><br>
                            <%int i = 1;%>
                            <logic:present name="PEIForm" property="listaOEstrategico">
                                <div id="divTabla" style="width:100%">
                                    <table id="tabla1" width="99%" align="right" class="userTable">
                                        <tr class="even" align="center">
                                            <th class="textoTR">#</th>
                                            <th class="textoTR">Descripci&oacute;n</th>
                                            <th class="textoTR">Cantidad</th>
                                            <th class="textoTR">UM</th>
                                            <th class="textoTR">Editar</th>
                                            <th class="textoTR">Eliminar</th>



                                        </tr>
                                        <logic:iterate name="PEIForm" property="listaMetaAct" id="lista">
                                            <tr align="center">
                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="NUM_IDOBJ"/>.<bean:write name="lista" property="NUM_IDOBJESP"/>.<bean:write name="lista" property="NUM_IDACTPER"/>.<bean:write name="lista" property="NUM_IDMACTPER"/>.
                                                </td>

                                                <td style="width:1500px;text-align: left" align="center">
                                                    <bean:write name="lista" property="TX_UMACTPER"/>
                                                </td>
                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="NUM_CANTACTPER"/>
                                                </td>
                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="TX_TIPOACTPER"/>
                                                </td>

                                                <td width="10%" align="center">

                                                    <img style="cursor:pointer" title="Editar" title="Editar" alt="Editar" border=0  src="images/b_edit.png" onclick="editar('<c:out value="${lista.NUM_CODMETAAPER_PK}"/>','<c:out value="${lista.NUM_IDMACTPER}"/>','<c:out value="${lista.TX_UMACTPER}"/>','<c:out value="${lista.NUM_CANTACTPER}"/>','<c:out value="${lista.TX_TIPOACTPER}"/>');posicioninicial();">
                                                </td>

                                                <td width="10%" align="center">
                                                    <img style="cursor:pointer" title="Eliminar" title="Eliminar" alt="Eliminar" border=0  src="images/b_drop.png" onclick = "eliminar('<c:out value='${lista.NUM_CODMETAAPER_PK}'/>');">
                                                </td>

                                            </tr>
                                        </logic:iterate>
                                    </table>
                                </div>
                            </logic:present>
                        </html:form>
<html:button property="button"  value="regresar" onclick="regresar()" styleClass="submit2"/>

            </div>
    </body>
</html>